@import "colors.less";
@import "mixin.less";
a {
  text-decoration: none;
  color: #333;
  &:hover {
    color: @primary--color;
  }
}
button {
  outline: none;
  border: none;
  height: 26px;
  color: white;
  background-color: @primary--color;
  &:hover {
    color: #fff;
    background-color: desaturate(@primary--color, 10%);
    border-color: desaturate(@primary--color, 10%);
    cursor: pointer;
  }
}
.lucky-flexCenter {
  display: flex;
  justify-content: center;
  align-items: center;
}
.lucky-positionCenter {
  position: relative;
  .lucky-positionCenter-child {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}
.lucky-link {
  text-decoration: none;
  &:hover {
    color: @primary--color;
  }
}
.lucky-fullScreen {
  position: absolute;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}
.lucky-radius--small {
  border-radius: 2px;
}
.lucky-radius--big {
  border-radius: 4px;
}
.lucky-radius--circular {
  border-radius: 30px;
}
.lucky-shadow--basic {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
}
.lucky-shadow--light {
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.lucky-input-text {
  box-sizing: border-box;
  border: solid 1px #ddd;
  width: 100%;
  transition: all 0.2s linear 0s;
  border-radius: 4px;
}
